<template>
    <!--<div class="bg-white-box">
        <dc-row type="flex">
            <dc-col class="text-center mt80" :xs="{ span: 6, offset: 9}">
                <img src="static/icon-big.png" style="width: 100%;"/>
            </dc-col>
        </dc-row>
        <div class="pl50 pr50 mt80">
            <inputItem placeholder="请输入手机号" type="tel"
                       iconName="icon-login-account"
                       v-model="username"
                       :maxLength = "11"
                       v-validate="{ rules: { required: true,phone: true } }"
                       name="手机号" :class="{'is-danger': errors.has('手机号')}"
            />
            <inputItem class="mt30" placeholder="请输入密码" type="password"
                       iconName="icon-login-password"
                       v-model="password"
                       :maxLength = "20"
                       v-validate="{ rules: { required: true } }"
                       name="密码" :class="{'is-danger': errors.has('密码')}"
            />
        </div>
        <div class="pl50 pr50 mt50">
            <mt-button size="large" type="primary" @click="_login">登录</mt-button>
            <div class="forgets mt30">
                <router-link to="register" class="link">立即注册</router-link>
                <router-link to="forgetPwd" class="link">忘记密码?</router-link>
            </div>
        </div>
        <img src="../../assets/wave.gif" class="wave"/>
    </div>-->
</template>

<script>
    import inputItem from '@/components/input/inputItem.vue';
    import mintUi from '@/common/mintUi';
    import {col, row} from '@/components/Flex';
    import {mapActions} from 'vuex';
function setState(store) {}

export default {
    name: 'index',
    metaInfo: {
        title: 'Home',
        titleTemplate: '%s - Lavas',
        meta: [
            {name: 'keywords', content: 'lavas PWA'},
            {name: 'description', content: '基于 Vue 的 PWA 解决方案，帮助开发者快速搭建 PWA 应用，解决接入 PWA 的各种问题'}
        ]
    },
    async asyncData({store, route}) {
        setState(store);
    }
};
</script>

<style lang="stylus" scoped>
h2
    margin-top 70%
    font-size 46px
    font-weight 500
</style>
